@import '../../../../../lessConst.less';

.memberModal {
  // 模态框组件覆盖样式
  background-color: #191919;

  .at-modal__content {
    padding: 0;
    background-color: transparent !important;
  }

  .at-modal__container {
    background-color: transparent !important;
  }

  .modalContent {
    width: 100%;
    background: url('@{iplandUrl}gameBase/memberModalBj.png') no-repeat;
    background-size: 100% 100%;
    height: 400px;

    .modalHeader {
      height: 300px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #6a351f;
    }

    .modalFooter {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-around;
      width: 100%;

      .cancelBtn {
        width: 208px;
        height: 72px;

        .cancelBtnButton {
          width: 100%;
          height: 100%;
          font-size: 28px;
          line-height: 72px;
          color: #999999;
          background-color: #fff7ec;
          border-radius: 40px;
          border: 1px solid #999;
        }
      }

      .activateBtn {
        width: 208px;
        height: 72px;

        .activateBtnButton {
          width: 100%;
          height: 100%;
          font-size: 28px;
          line-height: 72px;
          color: #6a351f;
          background-color: #ffc19a;
          // border: 1px solid #6A351F;
          border-radius: 40px;
        }
      }

      .activateBtn,
      .cancelBtn::after {
        border: 0;
      }
    }
  }
}
